<template>
	<view class="card">
		<image src="../../static/img/aaa.jpg" mode="aspectFill"></image>
		<view class="title">
			<text class="top">蜜月旅行胜地</text>
			<text class="buttom">精选热门旅游景点，一起留下最难忘的回忆</text>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.card{
		width: 720rpx;
		height: 720rpx;
		position: relative;
		image{
			width: 720rpx;
			height: 720rpx;
			border-radius: 16rpx;
		}
		.title{
			position: absolute;
			bottom: 50rpx;
			left: 30rpx;
			display: flex;
			flex-direction: column;
			.top{
				font-size: 36rpx;
				color: #ffffff;
				font-weight: bold;
			}
			.buttom{
				font-size: 20rpx;
				color: #ffffff;
			}
		}
	}
</style>